<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>登录---reborn图书商城</title>
        <link rel="Stylesheet" type="text/css" href="../css/global.css">
        <link rel="Stylesheet" type="text/css" href="../css/login.css">
        <script type="text/javascript" src="../js/login_171022.js" charset="utf-8"></script>
    </head>
    <body>
        <div class="header">
            <a href="../index.jsp" target="">
                <img src="../img/logo.png">
            </a>
            <div style="flex-grow: 1; flex-direction: row-reverse;">
                <div style="flex-direction: column-reverse">
                    <span style="font-size: 20px;">欢迎登录renorn图书商城</span>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="login_form">
                <form id="userInfo" action="" method="post" onsubmit="return userLoginInfo()">   
                    <p class="text_login">会员登录</p>
                    <div class="username">
                        <span class="user_pic"></span>
                        <input type="text" id="userName" class="user" name="userName" placeholder="用户名">
                    </div>
                    <p class="tips"></p>
                    <div class="password">
                        <span class="pass_pic"></span>
                        <input type="password" id="password" class="pass" name="password" placeholder="密码">
                    </div>
                    <p class="tips"></p>
                    <p class="btn">
                        <input type="submit" id="submit" name="submit" value="登录">
                    </p>
                    <p class="register">
                        <a href="register.jsp" targte="">立即注册</a>
                    </p>
                </form>
            </div>
        </div>
        <div class="footer">
            <div class="friendlink">
                <ul>
                    <li>
                        <sapn>友情链接：</sapn>
                    </li>
                    <li>
                        <a href="http://www.gdou.edu.cn/" target="_blank">广东海洋大学</a>
                    </li>
                    <li>
                        <a href="http://www.bookschina.com/" target="_blank">中国图书网</a>
                    </li>
                    <li>
                        <a href="http://www.dangdang.com/" target="_blank">当当</a>
                    </li>
                    <li>
                        <a href="https://www.jd.com/" target="_blank">京东</a>
                    </li>
                </ul>
            </div>
            <!--版权区间-->
            <div class="copyright">
                <ul>
                    <li>
                        <span>Copyright&copy;&nbsp;reborn.com&nbsp;版权所有&nbsp;&nbsp;消费者维权热线：618527&nbsp;&nbsp;</span>
                    </li>
                    <li>
                        <span>公司地址：广东海洋大学</span>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>
